<template>
  <div class="content-header-wrapper">
    <a-breadcrumb style="margin: 0 0 0 3px;">
      <a-breadcrumb-item v-for="(item, index) of $route.matched" :key="index">
        <span v-if="item.path.length === 0" style="color: #666666;"
          >一起走管理后台</span
        >
        <router-link
          v-else
          :to="item.path"
          :style="
            index + 1 === $route.matched.length
              ? 'font-size: 14px;color: #0066FF;'
              : 'font-size: 14px;color: #666666;'
          "
          >{{ item.meta.title }}</router-link
        >
      </a-breadcrumb-item>
    </a-breadcrumb>
    <!-- <h2
      style="font-size: 24px;font-weight: bolder;color: #666666;margin: 24px 0 0 22px;"
    >
      {{ $route.meta.title }}
    </h2> -->
  </div>
</template>
<script>
export default {
  name: "ContentHeaderWrapper",
  components: {},
  data() {
    return {};
  },
  methods: {}
};
</script>
<style lang="less">
.content-header-wrapper {
  margin: 14px 0 0 0;
}
</style>
